import { StyleSheet } from 'react-native';
import { phonePx, px } from '../../../../util/adapt';
import { APP_YELLOW, APP_BLACK } from '../../../../constant/color';
import { NOTCH_WIDTH } from '../../../../constant';

export default StyleSheet.create({
  container: {
    position: 'absolute',
    left: 0,
    top: 0,
    right: 0,
    bottom: 0,
    backgroundColor: APP_YELLOW,
    alignItems: 'center',
    justifyContent: 'center'
  },
  icon: {
    width: phonePx(161),
    height: phonePx(96)
  },
  desc: {
    marginTop: phonePx(36),
    fontSize: px(24),
    lineHeight: px(34),
    fontWeight: '600',
    color: APP_BLACK
  },
  progressContent: {
    backgroundColor: '#E9D24C',
    marginTop: phonePx(17),
    width: px(500),
    height: px(12),
    borderRadius: px(6)
  },
  progress: {
    flexDirection: 'row',
    alignItems: 'center',
    backgroundColor: APP_BLACK,
    height: px(12),
    borderRadius: px(6),
    overflow: 'hidden'
  },
  back: {
    position: 'absolute',
    top: px(20),
    left: px(29) + NOTCH_WIDTH,
    width: px(50),
    height: px(50),
    alignItems: 'center',
    justifyContent: 'center'
  },
  backIcon: {
    width: px(50),
    height: px(50)
  }
});
